<%-- 
    Document   : gestionAltaDispositivo
    Created on : 2/09/2013, 02:59:58 PM
    Author     : Andres
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@taglib uri="/struts-tags" prefix="s"%>
<h3>Agregar Dispositivo</h3>
<!-- <table border="0" cellpadding="0" cellspacing="0"  id="id-form">
    <tr>
            <th valign="top">Buscar: </th>
            <td><input type="text" class="inp-form" id="buscar" name="buscar" /></td>
            <td><input type="button" value="Buscar" class="btn" id="btnBuscar" name="btnBuscar"/></td>
    </tr>
 </table>-->
    <table border="0" cellpadding="0" cellspacing="0"  id="id-form">
            <tr>
                <th valign="top">
                       Tipo: 
                </th> 
                <td>
                    <select id="tipo" name="tipo">
                        <option value="">[Tipo]</option>
                        <s:iterator value="listaTipos" status="estatus">
                            <option value="<s:property value='IdTipo'/>"><s:property value="Tipo"/></option>   
                        </s:iterator>
                    </select>
                </td>    
                <td>
                <div class="error-left"></div>
                <div class="error-inner" id="etipo">Este campo es requerido.</div>
                </td>
            </tr>
            <tr>
                <th valign="top">
                    Marca: 
                </th> 
                 <td>
                    <select id="marca" name="marca">
                        <option value="">[Marca]</option>
                    </select> 
                </td>    
                <td>
                <div class="error-left"></div>
                <div class="error-inner" id="emarca">Este campo es requerido.</div>
                </td>   
            </tr>   
            <tr>
                <th valign="top">
                    Modelo: 
                </th> 
                <td>
                    <select id="modelo" name="modelo">
                        <option value="">[Modelo]</option>
                    </select>  
                </td>
                <td>
                <div class="error-left"></div>
                <div class="error-inner" id="emodelo">Este campo es requerido.</div>
                </td>
            </tr>   
            <tr>
                <td colspan="2">
                    <input type="button" class="btn" value="Regresar" id="btnRegresar">
                    <input type="submit" class="btn" value="Cargar Datos" name="btnCargarDatos" id="btnCargarDatos"/>
                </td>    
            </tr> 
    </table>
    <table border="0" cellpadding="0" cellspacing="0"  id="id-form">
            <tr>
                <th valign="top">
                    Departamento: 
                </th> 
                <td>
                    <select id="departamento" name="departamento">
                        <option value="">[Departamento]</option>
                        <s:iterator value="listaDepartamentos" status="estatus">
                            <option value="<s:property value='IdDepartamento'/>"><s:property value="Nombre"/></option>   
                        </s:iterator>
                    </select>
                </td>    
                <td>
                <div class="error-left"></div>
                <div class="error-inner" id="edepartamento">Este campo es requerido.</div>
                </td>
            </tr>
            <tr>
                <th valign="top">
                    Localización: 
                </th> 
                <td>
                    <input type="text" class="inp-form" name="localizacion" id="localizacion"/>
                </td>    
                <td>
                <div class="error-left"></div>
                <div class="error-inner" id="elocalizacion">Este campo es requerido.</div>
                </td>
            </tr>
            <tr>
                <th valign="top">
                    Estado: 
                </th> 
                <td>
                    <input type="text" class="inp-form" name="estado" id="estado"/>
                </td>    
                <td>
                <div class="error-left"></div>
                <div class="error-inner" id="eestado">Este campo es requerido.</div>
                </td>
            </tr>
            <tr>
                <th valign="top">
                    Cantidad Equipos: 
                </th> 
                <td>
                    <input type="text" class="inp-form" name="cantidad" id="cantidad"/>
                </td>    
                <td>
                <div class="error-left"></div>
                <div class="error-inner" id="ecantidad">Este campo es requerido.</div>
                </td>
            </tr>
    </table>
    <h3>Agregar Componentes</h3>  
    <table border="0" cellpadding="0" cellspacing="0"  id="id-form">    
            <tr>
                <th valign="top">
                    Nombre: 
                </th> 
                <td>
                    <select id="nombreComp" name="nombreComp">
                            <option value="">[Tipo]</option>
                            <s:iterator value="listaTipoComponentes" status="estatus">
                                <option value="<s:property value='IdTipo'/>"><s:property value="Tipo"/></option>   
                            </s:iterator>
                    </select> 
                </td>    
                <td>
                <div class="error-left"></div>
                <div class="error-inner" id="enombreComp">Este campo es requerido.</div>
                </td>
            </tr>
            <tr>
                <th valign="top">
                    Caracteristicas: 
                </th> 
                <td>
                    <input type="text" class="inp-form" name="caracteristicasComp" id="caracteristicasComp"/>
                </td>    
                <td>
                <div class="error-left"></div>
                <div class="error-inner" id="ecaracteristicasComp">Este campo es requerido.</div>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="submit" class="btn" value="Agregar Componente" name="btnAgregarComponente" id="btnAgregarComponente"/> 
                    <input type="submit" class="btn" value="Agregar Dispositivo" name="btnAltaDispositivo" id="btnAltaDispositivo"/>  
                </td>    
            </tr> 
    </table>
    <h3>Componentes</h3>
<form name="formComp" id="formComp">      
        <table border="0" width="60%" cellpadding="0" cellspacing="0" id="product-table" name="tablaComp">
            <tr>
                    <th class="table-header-repeat line-left minwidth-1"><a>Tipo</a></th>
                    <th class="table-header-repeat line-left minwidth-1"><a>Caracteristicas</a></th>
            </tr>
         </table>   
</form>
    <h3>Dispositivos</h3>
     <table border="0" width="60%" cellpadding="0" cellspacing="0" id="product-table" name="tablaDisp">
        <tr>
                <th class="table-header-repeat line-left minwidth-1"><a>ID</a></th>
                <th class="table-header-repeat line-left minwidth-1"><a>No.Serie</a></th>
                <th class="table-header-repeat line-left minwidth-1"><a>Departamento</a></th>
                <th class="table-header-repeat line-left minwidth-1"><a>Localización</a></th>
                <th class="table-header-repeat line-left minwidth-1"><a>Dispositivos</a></th>
                <th class="table-header-repeat line-left minwidth-1"><a>Encargado</a></th>
                <th class="table-header-repeat line-left minwidth-1"><a>Software</a></th>
        </tr> 
     </table>